import {withRouter, NavLink } from 'react-router-dom'
import React from 'react'
import './style.scss'

export const TabItem= withRouter(({name,iconClassname,path,location})=>{
    return (
        <NavLink className="tab-item" to={path} activeStyle={{
          fontWeight: 'bold',
          color: 'red',
         }}>
        <span className={`iconfont ${iconClassname}`} ></span>
        <span>{name}</span>
      </NavLink>
    )
})
export function TabBar({ children }) {
    return <nav className="tab-bar">{children}</nav>;
  }